<template>
  <el-col :span="24">
    <el-col :span="3" class="fileTree">
      <el-tree
        :data="data"
        :props="defaultProps"
        accordion
        @node-click="handleNodeClick"
      >
      </el-tree>
    </el-col>
  <el-col :span="21" class="fileReview">
      <img src="https://panjiachen.gitee.io/vue-element-admin/static/img/404.a57b6f31.png">
  </el-col>   
  </el-col>
</template>


<script>
export default {
  props:["dataModel"],
  data() {
    return {
      data: this.dataModel.histroyShowInfo,
      defaultProps: {
        children: "children",
        label: "label",
      },
    };
  },
  methods: {
    handleNodeClick(data) {
      console.log(data);
    },
  },
};
</script>
<style lang="scss">
.fileTree{
    height:100%
}
.fileReview{
    border:5px solid #F5F6FA;
}
</style>